<template>
    <!--添加好友窗口-->
    <div class="windowBoxBig" style="height: 650px; width: 730px;">
        <br><b class='title'>添加好友</b><br><br>
        <a style="margin-left: 20px; color: rgb(214, 209, 188); font-size: 14px;">已经知道好友的召唤师名字?快给他发送好友请求吧!</a><br>
        <i class="el-icon-search" style="color: rgba(255, 255, 239, 0.7); font-size: 18px;padding-left: 35px; margin-right: -55px;"></i>
        <input class="clientInput" v-model="addFriendInput" placeholder="玩家名字" />
        <button class="cbtn2" @click="addFriendResult = addFriend(currUser, addFriendInput)">
            <a style="font-size: 15px; color: rgb(197, 194, 155); background-color: rgba(0, 0, 0, 0.253);">添加好友</a>
        </button>
        <p class="friendName" style="margin-left: 20px;"><i>{{addFriendResult}}</i></p>
        <button class="cbtn" @click="closeAddFriendWin">
            <b style="font-size: 20px;">完成</b>
        </button><br><br>
        <p class="friendName" style="margin-left: 20px;"><b>最近一起游戏过</b></p>
    </div>
</template>

<script>
export default {
    name:'AddFriendWin',
    data(){
        return{
            //添加好友窗口输入内容 与 结果
            addFriendInput: undefined,
            addFriendResult: "",
        }
    },
    props:['addFriend', 'currUser', 'closeAddFriendWin'],
}
</script>

<style scoped>
    .title{
        font-size: 25px; 
        color: rgb(197, 189, 152);
        display: block;
        text-align: center;
    }
</style>